<template>
  <div style="height: 100%;padding-top: 50px;box-sizing: border-box;
      display: flex;flex-direction: column;">
    <!-- Header区域 -->
    <el-header>我的<div class="backStyle"></div></el-header>
    <div class="mine_area">
      <MineMenu></MineMenu>
    </div>
  </div>
</template>

<script>
  import MineMenu from "./component/MineMenu.vue"
  export default {
  	name: "Classify",
  	components: {
      MineMenu,
  	},
  	data() {
  		return {
        input: '',
  		}
  	}
  }
</script>

<style scoped>
  .el-header{
    margin: 0;
    padding: 0;
    border-bottom: 0;
    z-index: -1;
  }
  .backStyle{
    /* position: fixed; */
   background-color: #732707;
    width: 100%;
    height: 220%;
    border-radius: 0 0 50% 50%;
  }
  /* 具体分类区域 */
  .mine_area{
    display: flex;
    width: 100%;
    flex: 1;
  }
</style>
